@charset "utf-8";
/* global */
body{ color: #282828; font-size:13px; text-align: center; background: #fff; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: 1.2; font-family:"PingFang SC","Microsoft YaHei", "Microsoft JhengHei"; }
.img100 img { max-width: 100%; }
.bg_gray { background: #fff; }
.pad12 { padding: 0 12px; }
/*hat*/
#wrap { width: 990px; margin: 0 auto; text-align: left; }
#header { text-align: center; }
#hat { background: #eaeaea; }
.hat { width: 990px; margin: 0 auto; height: 28px; line-height: 28px; }
.hat a { padding: 0 4px; }
#head { width: 990px; height: 92px; margin: 0 auto; text-align: left; }
#logo { float: left; padding: 20px 0 0 0; }
#hat img { float: left; }
#hat .slogan { display: block; padding: 14px 0 0 12px; }
#hat #account { float: right; text-align: right; height: 24px; margin-top: 6px; padding:6px 0 0 0; line-height: 24px; font-size: 12px; color: #333; }
#hat #account a{ } #account .lang { padding: 0 9px; background: url(../images/blue/lang.jpg) center center no-repeat; }
#tel{ float: right; display: block; clear: right; padding: 42px 0 0 0; font-size: 13px; }
#tel .head_tele { font-size: 32px; font-family: 'Arial'; color: #0088d8; font-weight: 300; font-style: italic; }

/*menu*/
#nav { }
#naver { height: 38px; background: #0088d8 ;  }
#nav .lil { margin: 0 auto; width: 990px;}#nav .lil li { float: left; }
#nav li.l { position: relative; text-align:center; width: 99px; background: url(../images/nav_d.png) right center no-repeat; }
#nav li a.f { display: block; line-height: 38px; color: #fff; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-size: 14px; font-weight: normal; }
#nav li.last { background: none; }
#nav li.last a{ }
#nav li a.f:hover,#nav li a.h,#index #nindex a.f, #iaboutus #naboutus a.f,  #iproduct #nproduct a.f, #icase #ncase a.f, #isolution #nsolution a.f, #inew #nnew a.f, #icontactus #ncontactus a.f, #iinfo #ninfo a.f, #ipolicy #npolicy a.f, #xinwen #nxinwen a.f, #ifeedback #nfeedback a.f, #ivideo #nvideo a.f {  background: #00b600; }
/* belly */
#belly { margin: 0 auto 8px auto; }

/* index */
.box_i { background: #fff; border: 1px #c1c1c1 solid; border-top: 1px #0093dd solid; }
h2.h2_i { color: #005BB6; font-size: 18px; line-height: 28px; }
.h2_i a { padding: 0 0 0 12px; color: #005BB6; background: url(../images/inlibg.png) left center no-repeat; }
.h2_i.bb { padding: 0 0 4px 0; border-bottom: 1px #dadada solid; }
.h2_i.bg { padding: 4px 0; line-height: 36px; background: #f5f5f5; border-bottom: 1px solid #dadada; }
#i_about { float: left; width: 610px; }
.i_about { line-height: 20px; }
.i_about img { float: left; padding: 4px 8px 6px 0; }
#i_video { float: right; width: 330px; }
.i_video { margin: 8px 0 0 0; width: 330px; height: 200px; }
.i_video img { width: 300px; height: 200px; }

.i_partnerbg { background: #fff; padding: 12px 0 16px 0; text-align: center; }
.i_partner { width: 990px; margin: 0 auto; text-align: left; }
.ipartner_h2 { font-size: 18px; color: #005BB6; font-weight: normal; }
.ipartner_list div { float: left; display: block; padding: 0 5px; border: 1px #e5e5e5 solid; margin: 10px 12px 0 0; }
.ipartner_list img { height: 40px; width: auto; }

/* index news */
#news { float: left; width: 600px; }
.i_news { width: 468px; }
.i_news li { margin: 4px 0; padding: 0 0 0 12px; line-height: 22px; }
.inew_more { height: 24px; line-height: 24px; background: url(../images/inew_line.jpg) repeat-x left center; text-align: center; }
.inew_more a { display: inline-block; padding: 0 6px; border-left: 16px #fff solid; border-right: 16px #fff solid; background: #c6c6c6; }
/* index pro */
#pro {float: right; width: 350px; }
/* index case */
.pro { padding: 0 8px 0 8px; }
.icons { margin: 12px 0 0 0; border-top: 1px solid #E1E1E1;}#icons{ margin: 16px 0 0 0; }
.icon { padding: 5px 0; text-align: center; border-bottom: 1px solid #E1E1E1; }
#icons .icon { float: left; padding: 3px 3px; margin: 8px 10px 8px 0; border: 1px solid #E1E1E1;}
.icon img { height: 32px; }#icons .icon img { height: 36px; }
.cline { border-top: 1px solid #848484; }
.icontactus { padding: 8px 0 0 4px; line-height: 20px; }.icontactus h2{ padding: 0 0 4px 0;}
#news h2 { height: 30px; line-height: 30px; padding: 0 0 0 40px; background: url(../images/h2.png) left bottom no-repeat; font-size: 14px; font-weight: normal;}
#pro h2 { height: 28px; line-height: 28px; padding: 0 0 0 16px; background: url(../images/crumb.png) left center no-repeat; font-size: 14px; font-weight: normal; border-bottom: 1px solid #B0B0B0; }
#news h2 span, #pro h2 span,#brands h2 span { float: right; padding: 0 8px 0 0; } #pro h2 a {color: #FF0F0E; }
.pro ul { padding: 6px 8px 5px 18px; }.pro ul li { margin: 3px 0; line-height: 22px; background: url(../images/inlibg2.png) left center no-repeat; padding: 0 0 0 14px; } 
#icontact { height: 134px; background: url(../images/conti.png) center center no-repeat; }
.icontact { height: 134px; padding: 24px 0 0 20px; font-size: 10.25pt; line-height: 1.5;} 
.gm,.gmt { width: 136px; background: #fff; border: 1px solid #ddd; padding: 4px 6px; border-radius: 3px; }.gmt { width: 256px; }

/* main */
#main { }
.lace { padding: 0 0 10px 0; }
#gl { float: left; width: 220px; }
#gr { float: right; width: 750px;}
#crumbs { height: 32px; border-bottom: 1px solid #B0B0B0; padding: 0; }
#crumbs h3 { display: inline-block; padding: 0; color: #080808; font-size: 14px; line-height: 32px; font-weight: normal; }
.crumbs { padding: 0 12px 0 0; line-height: 32px; font-size: 12px; color: #888; }
.crumbs a { color: #0088d8; }
#booth { background: #fff; }
#main h1 { margin: 0 0 12px 0; padding: 6px 0; font-size: 18px; line-height: 22px; font-weight: normal; border-bottom: solid 1px #E6E6E6; color: #0088d8; }
.news_info { padding: 0 0 6px 0; line-height: 18px; color: #888; }
.content { padding: 12px 0; line-height: 1.62; }
#ginfo #gcontact { padding: 10px 16px 20px 16px; background:#F3F3F3;}

.infolist { margin: 16px 0; padding: 0 4px; }
.infolist a { color: #0088d8; } .infolist a:hover { text-decoration: underline; }
.infolist li { margin: 4px 0; padding: 8px 10px 12px 0; border-bottom: 1px dashed #eee; }
.infolist li h2 { font-size: 14px; line-height: 1.2; font-weight: normal; }
.infolist li .info_dpn { padding: 4px 0 4px 0; font-size: 12px; color: #888; line-height: 18px; }
.infolist li span { float: right; }
/* news */
.new { padding: 8px; margin:0 0 8px 0; border-bottom: 1px dashed #e8e8e8; line-height: 1.5; } .new span { color: #999; }
.new img { width: 135px; float: left; padding: 0 12px 0 0; }
.prev_next { border-top: 1px solid #E5E5E5; margin: 12px 0 0 0; padding: 6px 0 0 0; color: #666; line-height: 22px; }
.prev_next a { color: #0052A6; }

/* procuct list */
#booth h1.p { padding: 6px 0; color: #BD0A01; font-size: 16pt; font-weight: normal; border-bottom: solid 1px #E6E6E6;}
#booth .proer { width: 100%; padding: 12px 0;}
.proer .pros { float: left; padding: 2px 0 2px 0; width: 240px; margin: 0 10px 6px 0; text-align: center; }
.proer .pros img { border: 1px solid #cfdae4; padding: 0; width: 208px; height: auto; }

.caser .pros { float: left; padding: 2px 0 2px 0; width: 240px; margin: 0 10px 6px 0; text-align: center; }
.caser .pros img { border: 1px solid #cfdae4; padding: 2px; width: 208px; height: auto; }
.pros img:hover { border: 1px solid #00b600; }
.pros a { display: block; color: #333; }
.proer .pros a{ line-height: 18px; }
.pros span { display: block; color: #666; }
.pname { line-height: 1.3; padding: 6px 10px 4px 10px; }
.caser .r { margin: 0 0 10px 0; }
/* run */
.ipros {padding: 16px 0 12px 0; }
.ipros table { width: 100%; }
.caseruner { padding: 16px 0 12px 2px; }
.caserun{width: 100%; }
.prosc { float: left; width: 240px; margin: 0 0 10px 0; padding: 2px 0 2px 0; text-align: center; line-height: 18px; }
.prosc img { padding: 0; width: 180px; height: auto; border: 1px solid #f1f1f1; }
.prosc a:hover img { border: 1px solid #00b600; }
.prosc a{ display: block; color: #333; line-height: 2; } .prosc a{ line-height: 18px; }
.prosc span { display: block; color: #666; }

.cates a{ display: block; padding-left: 16px; font-size: 12px; height: 24px; line-height: 24px; text-decoration: underline; }
.cates a.fa{ font-size: 15px; font-family:  "Microsoft Yahei", "黑体"; color: #fff; background: #DC007A; height: 30px; line-height: 30px;  text-decoration: none}
/* team */
.member { padding: 6px 6px 10px 6px; border-bottom: 1px solid #eee; }
.member .photo { float: left;; }.member .photo img { width: 188px; margin: 0 8px 0 0; padding: 4px; border: 1px solid #ccc; }
.member .bio { float: left; padding: 0 0 0 0; width: 408px; font-size: 12px; line-height: 18px; }
/* service items */
.item { float: left; clear: left; display: block; padding: 6px 6px 10px 6px; border-bottom: 1px solid #eee; }
.itempic { float: left;; }.itempic img { width: 240px; margin: 0 12px 0 0; }
.iteminfo { float: left; padding: 36px 0 0 0; width: 320px; font-size: 12px; line-height: 18px; }
/* procuct info */
#ginfo { padding: 8px 0; }
#gimg { width: 320px; text-align: center; }
#gimg img { padding: 0; border: 1px solid #E6E6E6; max-width: 100%; }
#gimg img:hover { border: 1px solid #feb800; }
#gparam { width: 400px; padding: 0 0 12px 12px; }
.gparam { padding: 0 0 0 12px; }
.gdpn { padding: 6px 0 0 0; color: #888; }
#ginfo #gtie { margin: 12px 0; height:32px; line-height: 32px; border-top: 1px solid #DC352F; background: #FCF7F1; padding: 0 12px; }
.ginfoer{ padding: 18px 0 12px 0; }
.dinfo { padding: 8px 0; font-size: 10.25pt; line-height: 1.5; }
/* cases */
.gcase { border-bottom: 1px dotted #d1d1d1;padding: 10px 0; }
.gcase img { float: left; border: 1px solid #e5e5e5; padding: 3px; width: 240px; height: 160px; }
.gcase h3 { padding: 4px 0; } .gcase h3 a { font-family: Calibri, "宋体", Arial; font-size: 10.5pt; color: #166EB8; }
.gcase ul li { line-height: 20px; } .gcase ul li a { text-decoration: underline; color: #1F376D; } .gcase ul li a:hover { color: red; }
.gcase .gcaseinfo { padding-left: 260px; }
.gcase img:hover { border: 1px solid #feb800; }

/* contact us */
.map { }
.map li { line-height: 20px; margin: 4px 0; font-size: 10.25pt; }
#contactset { width: 80%; border: 1px solid #eee; margin: 24px 0; padding: 12px 12px; line-height: 2.5; }
#contactset legend { background: #ddd; padding: 3px 8px; margin-left: 12px; line-height: 2; }#contactset .sub { margin-left: 48px; }

/* form_feed */
input.g,input.gs,textarea.g,select.g { width: 248px; border: 1px solid #d5d5d5; padding: 6px 6px; border-radius: 2px;}
.form_feed { width: 99%; }
.form_feed td { padding: 6px 0 0 12px; }

input.gs{ width: 64px;}
input.gf { width:80px;height:24px;border:none;background:url(../images/btn.png) center center no-repeat;color:#fff;cursor:pointer;}
.formc { float: left; width: 500px; padding: 12px 0 0 0; border-right: 1px solid #d5d5d5; }
.formc td { padding: 1px 0; }.formc td.tright { padding: 0 8px 0 0; }
.formqq { float: left; padding: 24px 0 36px 0; }
#contf { padding: 12px 0 64px 12px; }#contf td { padding: 4px 0; }
/* service */
.defend { padding: 36px 24px 24px 88px; line-height: 1.5; }
.service { margin-top: 18px; padding-bottom: 12px; }
.service ul { padding-top: 8px; }  .service ul li { line-height: 18px; }
.service h2 { font-size: 10.5pt; color: #166EB8; padding: 12px 0 6px 0; }
.service table { border-collapse: collapse; }
.service table td { border: 1px solid #ddd; padding: 6px 8px; text-align: center; }
.service table td.b { background: #eee; padding: 8px; }
.service p { line-height: 1.5; padding: 6px 12px; }
/* sidebox */
.sidebox { margin-bottom: 10px; background: #fff; }
.box { margin-bottom: 10px; }
.boxer,.ibox,.iboxer,.icate { border: 1px solid #ddd; border-top: none; }
.ibox { height: 220px; overflow: hidden; }
.icate { height: 300px; overflow: hidden; }
.iboxer { height: 208px; overflow: hidden; }

.boxh2 { height: 32px; padding: 0 0 0 12px; line-height: 31px; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-size: 14px; font-weight: normal; background:#459df5; color: #fff; }
.boxh2 a { color: #fff; }
.boxh2 a span { float: right; font-size: 12px; padding: 0 8px 0 0; color: #eee; }
.boxli { padding: 6px 8px 12px 8px; }
.boxli li{ line-height: 24px; margin: 3px 0; border-bottom: 1px solid #E2E2E2;}
.boxli li a { display: block; padding: 0 0 0 8px; }
.scontact { padding: 12px 12px; line-height: 1.5;} 
.scontact li{ margin: 2px 0; }

.box_main { min-height: 480px; }
.pbox { margin: 0 0 10px 0; background: #fff; }

/* patch */
#footer { border-top: 2px solid #00b600; background: #eee; }
#foot { width: 990px; margin: 0 auto; padding: 8px 0 18px 0; line-height: 1.62; }

#vicenav { min-height: 112px; padding: 8px 0 0 0; }
#vicenav a { color: #333; }
#footer a:hover { color: #005BB6; }
.vicenav { float: left; }
.vicenav li { float: left; padding: 0 0 8px 12px; width: 140px; min-height: 98px; background: url(../images/viceline.png) right center no-repeat; }
#vicenav h4 { margin: 0; padding: 0 0 4px 0; font-size: 14px; line-height: 1; }
.vicenav p { line-height: 20px; }
.vice_info { float: left; width: 240px; padding: 0 0 0 12px; }
.qr { margin: -4px 0 0 0; }
#copy { color: #333; border-top: 1px dashed #ddd; padding: 8px 0 0 0; }
#copy a{ color: #333; }
/* links */
.links { line-height: 1.62; color: #888; }
.links a { margin: 0 8px 0 0; color: #888; }
/* sitemap */
ul.sitemap { padding: 18px 24px; margin: 18px 0; list-style: disc; border-top: 1px solid #ddd; }
ul.sitemap li a { font-size: 9pt; color: #166EB8; line-height: 24px;}

/* page bar */
#mypage{margin: 10px auto; padding: 16px 0 12px 0; text-align:center; height: 26px; border-top: 1px dotted #ddd; }
#mypage a{ display:inline-block; margin-right:5px; height:24px; width: 28px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#225392; text-decoration:none; font-family: '宋体'; }
#mypage a.l{ height:24px; line-height: 24px; width: 64px;}
#mypage a:hover{background:#EFF7FF; color:#f00;}
#mypage .current { display:inline-block; margin-right:5px; width:24px;height:26px; line-height: 26px; font-weight:bold;}

/* hr */
.hr { padding: 8px 12px; font-size: 10.25pt; color: #79808A; line-height: 1.8; border-bottom: 1px dashed #D5D5D5; }.hr:hover { background: #fbfbfb; }
.hr h3 { font-size: 10.5pt; color: #333; }.hr h3 span{ padding: 0 0 0 12px; font-size: 12px; color: #666; font-weight: normal; } .hr a{ color:#F30998; }
.hr .hrt { margin: 8px 0; width: 96%;}

/*banners*/
#banner { }
.flexslider { position: relative; height: 400px; overflow: hidden; }
.slides { position: relative; z-index: 1; }
.slides li { height: 400px; }
.slides li a { display: block; height: 400px; }
.flex-control-nav { position: absolute; bottom: 22px; z-index: 2; width: 100%; text-align: center; padding: 12px 0; }
.flex-control-nav li { display: inline-block; width: 15px; height: 15px; margin: 0 8px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 13px; height: 13px; line-height: 40px; overflow: hidden; background: url("../images/ppt.png") right 0 no-repeat; cursor: pointer; }
.team .flex-control-nav a { background: none; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav a { width: 60px; height: 90px; line-height: 99em; overflow: hidden; margin: -60px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; }
/*share*/
#cs { width: 120px; padding: 4px 0 12px 0; text-align: center; font-size: 12px; background: #f1f1f1; border: 1px solid #d5d5d5; border-top: 2px solid #489809; z-index: 2; }
#cs .cst { padding: 8px 0 0 0; font-family: 'Microsoft Yahei'; font-size: 10.5pt; color: #f00; }
#cs .csline { margin: 4px 0; padding: 4px 0; font-size: 16px; font-family: Tahoma; background: #246F34; color: #fff; }
#cs .cser { padding: 3px 0; }